<template>
  <div class="son">
    <h2>{{ title }}</h2>
    <slot name="game-list" :games="games"></slot>
    <slot name="city"> 地点未知 </slot>
  </div>
</template>

<script setup lang="ts">
import {} from "vue";
withDefaults(
  defineProps<{
    title: string;
  }>(),
  {
    title: "默认标题",
  }
);

const games = ["铃兰之剑", "火炬", "心动小镇", "香肠派对"];
</script>

<style scoped>
@import "../common.css";
</style>
